#myNews {
	@include flexbox();
	@include flex-direction(column);
	height: 100%;
	background: rgba(246,246,246,1);
	header {
        @include flexbox();
		height: 45px;
        line-height: 45px;
        color: #fff;
        background: linear-gradient(to right, #2fd4ac,  #2fd492);
		i {
			width: 30px;
			background: url(image/icon_return.png) no-repeat center;
			background-size: 100%;
        }
        s {
			width: 30px;
			background: url(image/allread.png) no-repeat center;
            background-size: 100%;
            margin-right: 0.1rem;
		}
		div {
			@include flex();
			padding-left: 33%;
			font-size: 18px;
		}
	}
	.nav {
		@include flexbox();
		height: 0.78rem;
        background: #fff;
        padding: 0.16rem 0rem 0.22rem;
		div {
			@include flex();
			text-align: center;
			a {
                display: inline-block;
                width: 1.22rem;
                height: 0.39rem;
                line-height: 0.39rem;
                background: #e5e5e5;
                color: #919191;
				padding: 0 5px;
                font-size: 16px;
                border-radius: 0.2rem;
				b {font-weight: normal;font-size: 14px;}
			}
			&.active a {
                color: #fbc707;
                background: #4a3528;
			}
		}
    }
    .head{
        @include flexbox();
		height: 0.72rem;
        background: #f9f9f9;
        padding: 0.16rem 0rem 0.22rem;
		div {
			@include flex();
			text-align: center;
			a {
                display: inline-block;
                width: 1.22rem;
                height: 0.39rem;
                line-height: 0.39rem;
                background: #ececec;
                color: #aaa;
				padding: 0 5px;
                font-size: 13px;
                border-radius: 0.2rem;
				b {font-weight: normal;}
			}
			&.active a {
                color: #fff;
                background: linear-gradient(to bottom,#2fd495,#2fd4a9);
			}
		}
    }
	.swipe {
        @include flex();
        @include flexbox();
        width: 100%;
        background: #fff;
        // overflow-y: scroll;
		.allNews {
			@include flexbox();
            @include flex-direction(column);
            width: 100%;
            height:100%;
            .markReadBox {
                @include flexbox();
                height:49px;
                .markRead {
                    width: 111px;
                    height: 30px;
                    line-height: 30px;
                    margin: auto;
                    text-align: center;
                    font-size: 14px;
                    color: rgba(229,50,45,1);
                    border-radius: 12px;
                    border: 1px solid rgba(229,50,45,1);
                }
            }
            .box {
                @include flex();
                width: 100%;
                overflow-y: scroll;
            }
			.allNewsList {
				// @include flex();
				width: 100%;
				// overflow-y: scroll;
				li {
					a {
                        @include flexbox();
                        margin: 0 15px;
                        margin-bottom: 19px;
                        padding: 0.07rem 0.09rem 0.07rem 0.045rem;
                        border: 1px solid #f5f5f5;
						&>div {
							@include flex();
							padding-right: 30px;
							h3 {font-size:13px;color: rgba(51,51,51,1);}
							p {
								font-size: 12px;
								margin-top: 5px;
								color: rgb(156,156,156);
							}
							div {
								width: 100%;
								font-size: 15px;
								margin-top: 5px;
								color: rgba(51,51,51,1);
								overflow:hidden;
								text-overflow: ellipsis;
								display:-webkit-box;
								-webkit-box-orient:vertical;
								-webkit-line-clamp: 2;
							}
						}
						&>span {
                            display: block;
                            margin: auto;
                            width: 0.07rem;
                            height: 0.12rem;
                            background-size: 100%;
                            margin-left: 0.17rem;
                            background-repeat: no-repeat;
                            background-image: url(image/icon_gray_next.png);    
                        }
                        &.hasRead {
                            h3 {color: rgba(156,156,156,1);}
                            div {
                                div {
                                    color: rgb(156,156,156);
                                }
                            }
                        }
					}
					
				}
			}
		}
		.systemNews {
			@include flexbox();
			@include flex-direction(column);
			height:100%;
			.markReadBox {
				@include flexbox();
				height:49px;
				.markRead {
					width: 111px;
					height: 30px;
					line-height: 30px;
					margin: auto;
					text-align: center;
					font-size: 14px;
					color: rgba(229,50,45,1);
					border-radius: 12px;
					border: 1px solid rgba(229,50,45,1);
				}
			}
			.systemNewsList {
				@include flex();
				width: 100%;
				overflow-y: scroll;
				li {
					background: #fff;
					&:last-child a {
						border: none;
					}
					a {
						display: block;
						@include flexbox();
						margin: 0 15px;
						padding-bottom: 19px;
						border-bottom: 1px solid rgba(223,223,223,1);
						&>div {
							margin-top: 14px;
							@include flex();
							padding-right: 30px;
							h3 {font-size:13px;color: rgba(156,156,156,1);}
							p {
								font-size: 12px;
								margin-top: 5px;
								color: rgb(156,156,156);
							}
							div {
								width: 100%;
								font-size: 15px;
								margin-top: 5px;
								color: rgb(156,156,156);
								overflow:hidden;
								text-overflow: ellipsis;
								display:-webkit-box;
								-webkit-box-orient:vertical;
								-webkit-line-clamp: 2;
							}
						}
						&>span {
                            display: block;
                            margin: auto;
                            width: 0.07rem;
                            height: 0.12rem;
                            background-size: 100%;
                            margin-left: 0.17rem;
                            background-repeat: no-repeat;
                            background-image: url(image/icon_gray_next.png);    
						}
					}
					a:visited {
						h3 {color: rgba(51,51,51,1);}
						div {
							div {
								color: rgba(51,51,51,1);
							}
						}
					}
				}
			}
		}
	}
}